<template>
  <div class="lm-layout-plan">
    <div>
      <ul class="layout-ul">
        <li class="layout-li">
          <svg-icon class-name="search-icon" icon-class="change-plan-01"></svg-icon>
          <br />
          <span>罗慕方案</span>
        </li>
        <li class="layout-li btn">&gt;</li>
        <li class="layout-li">
          <svg-icon class-name="search-icon" icon-class="change-plan-02"></svg-icon>
          <br />
          <span>设计单</span>
        </li>
        <li class="layout-li btn">&gt;</li>
        <li class="layout-li">
          <svg-icon class-name="search-icon" icon-class="change-plan-03"></svg-icon>
          <br />
          <span>信息确认</span>
        </li>
      </ul>
      <slot></slot>
    </div>

  </div>
</template>
<script>
export default {
  name: 'ChangePlan',
  props: {
    plan: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {
    };
  },
  methods: {
    changeType(type) {
      this.plan.plan = type;
    }
  }
};
</script>
<style lang="scss" scoped>
.lm-layout-plan{
  padding-left: 40px;
  .layout-ul{
    padding: 0;
    list-style: none;
    .layout-li{
      display: inline-block;
      text-align: center;
      padding: 0 10px;
    }
    .btn{
      padding: 0;
    }
    .search-icon{
      width: 35px;
      height: 35px;
      margin-bottom: 10px;
    }
  }
}
</style>
